<template>
    <div class="file-wrapper">
        <el-container class="el-container">
            <!--<el-aside width="auto">-->
                <!--<AsideMenu></AsideMenu>-->
            <!--</el-aside>-->
            <el-container>
                <el-main class="el-main">
                 <file-list></file-list>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    import AsideMenu from "./child/AsideMenu";
    import FileList from "./child/FileList";
    export default {
        name: "NetDisk",
        components: {FileList, AsideMenu}
    }
</script>

<style lang="stylus" scoped>
    @import '~@/assets/styles/varibles.styl'
    @import '~@/assets/styles/mixins.styl'
    .file-wrapper
        width 100% !important
    .el-container
        .el-aside
            height calc(100vh - 61px)
            overflow hidden
    .el-main
        padding 0px 16px !important
        overflow hidden
</style>